@CHARSET "UTF-8";

* {
	padding: 0px;
	margin: 0px;
	font-family: "微软雅黑","Microsoft YaHei";
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
}

html,body {
	height: 100%;
	padding: 0px;
	margin: 0px;
	background: #fff;
}

body {
	font-size: 14px;
	font-family:Helvetica, "Microsoft YaHei";
	z-index: 1;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

ul {
	list-style: none;
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

h1,h2,h3,h4,h5.h6 {
	padding: 0px;
	margin: 0px;
}

/*顶部操作栏*/
.heardContainer {
	width: 100%;
}
.heardContainer .heardContent{
	width: 100%;
	height: 80px;
	background-color: #5586fa;
}

.heardContainer .heardContent .logo-content{
	height: 100%;
	float: left;
	width:200px;
	background-color: #4877e7;
}
.heardContainer .heardContent .logo-content .logo{
	margin-top:17px;
	margin-left:40px;
}


/*接续部分（坐席状态部分）*/
.phone-content{
	float: left;
	height:100%;
}
.phone-content ul{
	overflow: hidden;
	height:60px;
	margin: 10px;
}
.phone-content ul li{
	width:60px;
	height:60px;
	float: left;
	margin-left:10px;	
}
.phone-content ul li span {
	display: block;
	width:60px;
	height:60px;
	cursor: pointer;
}

.phone-content ul li span a {
	display: block;
	width: 60px;
	height: 30px;
	margin:5px 0px;
	margin-bottom:0;
	background-position: 0px -5px;
	background-repeat:no-repeat;
	background-image:url(../images/phone/phoneTool.png);
	cursor: pointer;
}

.phone-content ul li span strong {
	display: block;
	width: 60px;
	color: #d9e5fc;
	text-align: center;
	line-height: 14px;
	font-size: 14px;
	font-weight: normal;
}
/*******-------签入 签出-------******/
/*默认*/
.phone-content ul li span a.toolSignIn {
	background-position: -0px -5px;
}
.phone-content ul li span a.toolSignOut{
	background-position: -60px -5px;
}
/*鼠标交互*/
.phone-content ul li span:hover a.toolSignIn {
	background-position: -0px -65px;
}
.phone-content ul li span:hover a.toolSignOut{
	background-position: -60px -65px;
}
/*点击后*/
.phone-content ul li span.active a.toolSignIn {
	background-position: -0px -125px;
}
.phone-content ul li span.active a.toolSignOut{
	background-position: -60px -125px;
}
/*******-------示忙 示闲-------******/
/*默认*/
.phone-content ul li span a.toolSayBusy {
	background-position: -300px -5px;
}
.phone-content ul li span a.toolSayFree {
	background-position: -360px -5px;
}
/*鼠标交互*/
.phone-content ul li span:hover a.toolSayBusy {
	background-position: -300px -65px;
}
.phone-content ul li span:hover a.toolSayFree {
	background-position: -360px -65px;
}
/*点击后*/
.phone-content ul li span.active a.toolSayBusy {
	background-position: -300px -125px;
}
.phone-content ul li span.active a.toolSayFree {
	background-position: -360px -125px;
}
/*******-------外呼  释放-------******/
/*默认*/
.phone-content ul li span a.toolCallOut {
	background-position: -180px -5px;
}
.phone-content ul li span a.toolRelease {
	background-position: -240px -5px;
}
/*鼠标交互*/
.phone-content ul li span:hover a.toolCallOut {
	background-position: -180px -65px;
}
.phone-content ul li span:hover a.toolRelease {
	background-position: -240px -65px;
}
/*点击后*/
.phone-content ul li span.active a.toolCallOut {
	background-position: -180px -125px;
}
.phone-content ul li span.active a.toolRelease {
	background-position: -240px -125px;
}

/*******-------保存 取消保持-------******/
/*默认*/
.phone-content ul li span a.toolHoldCall {
	background-position: -420px -5px;
}
.phone-content ul li span a.toolGetHold {
	background-position: -480px -5px;
}
/*鼠标交互*/
.phone-content ul li span:hover a.toolHoldCall {
	background-position: -420px -65px;
}
.phone-content ul li span:hover a.toolGetHold {
	background-position: -480px -65px;
}
/*点击后*/
.phone-content ul li span.active a.toolHoldCall {
	background-position: -420px -125px;
}
.phone-content ul li span.active a.toolGetHold {
	background-position: -480px -125px;
}
/*******-------三方通话-------******/
/*默认*/
.phone-content ul li span a.toolConfJoin {
	background-position: -660px -5px;
}
/*鼠标交互*/
.phone-content ul li span:hover a.toolConfJoin {
	background-position: -660px -65px;
}
/*点击后*/
.phone-content ul li span.active a.toolConfJoin {
	background-position: -660px -125px;
}
/*******-------转坐席-------******/
/*默认*/
.phone-content ul li a.toolMonitor {
	background-position: -600px -5px;
}
/*鼠标交互*/
.phone-content ul li span:hover a.toolMonitor {
	background-position: -600px -65px;
}
/*点击后*/
.phone-content ul li span.active a.toolMonitor {
	background-position: -600px -125px;
}
/*******-------满意度-------******/
/*默认*/
.phone-content ul li a.toolSatisfation {
	background-position: -720px -5px;
}
/*鼠标交互*/
.phone-content ul li span:hover a.toolSatisfation {
	background-position: -720px -65px;
}
/*点击后*/
.phone-content ul li span.active a.toolSatisfation {
	background-position: -720px -125px;
}

.phone-content ul li span:hover strong{
	color:#a0f4fc;
}
.phone-content ul li span.active strong{
	color:#e5fd85;
}

/*在线聊天*/
.chat{
	float: right;
	height:80px;
	color: #5e6b7a;
	margin-left: 30px;
	width:130px;
	padding:0 15px;
	position: relative;
}
.chat .onLine{
	display:inline-block;
	width:100%;
	height: 80px;
	line-height:80px;
	cursor: pointer;	
}
.chat .onLine .icon{
	display:block;
	width:30px;
	height:30px;
	margin:2px 25px;
	background-image:url(../images/heard/chat.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-top: 12px;
}
.chat .onLine strong{
	display:block;
	width:80px;
	text-align:center;
	line-height: 26px;
	height:26px;
	padding:0;
	color:#5e6b7a;
	font-weight: normal;
}
.chat ul{
	display:none;
	position: absolute;
	top:80px;
	left:0px;
	width:130px;
	z-index:9999;
	background-color: #fff;
	border:1px solid #eee;
	border-top:4px solid #5e6b7a;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	padding-bottom:4px;
	/*四周阴影*/
	-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.2);  
       -moz-box-shadow:0 3px 8px rgba(0,0,0,0.2);   
            box-shadow:0 3px 8px rgba(0,0,0,0.2);  
}
.chat ul li{
	height:34px;
	line-height: 34px;
	color:#5e6b7a;
	text-align: left;
	padding-left:15px;
	cursor: pointer;
}
.chat ul li i.icon{
	line-height: 34px;
	padding:0 15px;
	background-image:url(../images/heard/chat.png);
	background-position: 0px -35px;
	background-repeat: no-repeat;
}
.chat ul li.wQQ i.icon{
	background-position: 0px -65px;
}
.chat ul li.wechat i.icon{
	background-position: 0px -35px;
}
.chat ul li.email i.icon{
	background-position: 0px -125px;
}
.chat ul li.chatLine i.icon{
	background-position: 0px -95px;
}
.chat ul li.inner i.icon{
	background-position: 0px -185px;
}
.chat:hover ul{
	display: block;
}
.chat ul li:hover{
	background-color: #eceff6;
}
/*有消息来临的时候，显示红色*/
.chat ul li.active{
	color:#ff4a20;
}
.chat ul li.active.wQQ i.icon{
	background-position: -30px -65px;
}
.chat ul li.active.wechat i.icon{
	background-position: -30px -35px;
}
.chat ul li.active.email i.icon{
	background-position: -30px -125px;
}
.chat ul li.active.chatLine i.icon{
	background-position: -30px -95px;
}
.chat ul li.active.inner i.icon{
	background-position: -30px -185px;
}

/* 修改密码、退出登录 */
.admin-content{
	float: right;
	height:80px;
	margin-right: 20px;
}
.admin-content span{
	display:inline-block;
	line-height:36px;
	padding: 22px 0px;
	cursor:pointer;
	position: relative;
}
.admin-content span img{
	float:left;
}
.admin-content span strong{
	color:#fff;
	margin-left:8px;
	background:url(../images/heard/down.png) right center no-repeat;
	padding-right:20px;
}

.admin-content span ul{
	width:110px;
	background:#fff;
	border-radius:5px;
	/*阴影*/
    -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
    -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
    box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
	position: absolute;
	right: 0px;
	top: 65px;
	border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	display:none;
	padding:4px;
}
.admin-content span ul li{
	height:36px;
	line-height:36px;
	padding:0 10px;
	color:#808eaf;
	font-size: 14px;
}
.admin-content span ul li i.icon{
	display:inline-block;
	width:36px;
	height:36px;
	vertical-align:middle;
	background-image: url(../images/heard/adminPassword.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.admin-content span ul li:hover{
	background-color: #e2e8f5;
}
.admin-content span ul li.logOut i.icon{
	background-position: left -36px;
}
.admin-content span:hover ul{
	display:block;
}

/*页面主题*/
.main {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

/*左边菜单栏*/
.leftmenu {
	float: left;
	width: 200px;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	/*阴影*/
    -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
    -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
    box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
}
.leftmenu #tabsholder{
	overflow-y:auto; 
}
/*主菜单默认的背景样式*/
.subNav {
	display: block;
	overflow:hidden;
	height:36px;
	line-height: 36px;
	cursor: pointer;
	margin:6px 10px;
	border-radius:18px;
}
.subNav.active{
	background-color: #4877e7;
}

.subNav span{
	color: #808eaf;
	font-size: 16px;
	line-height: 36px;
	margin-left: 12px;
	float: left;
}
.subNav.active span{
	color:#fff;
}

/*主菜单左边的图标*/
.subNav .menu{
	width:17px;
	height:36px;
	display:block;
	float:left;
	margin-left: 20px;
	background-image: url(../images/left/subNavIcon.png);
	background-position: -12px top;
	background-repeat: no-repeat;
}
.subNav.active .menu{
	background-image: url(../images/left/subNavIconActive.png)
}
/*系统管理 */
.subNav .menu00{
	background-position: -12px top;
}

/*客户管理 */
.subNav .menu01{
	background-position: -12px -120px;
}
/*工单管理 */
.subNav .menu02{
	background-position: -12px -80px;
}
/*业务管理 */
.subNav .menu04{
	background-position: -12px -160px;
}
/*短信管理 */
.subNav .menu05{
	background-position: -12px -40px;
}
/*统计报表 */
.subNav .menu07{
	background-position: -12px -237px;
}
/*排班管理 */
.subNav .menu09{
	background-position: -12px -198px;
}

.subNav .subNavDown{
	width:11px;
	height: 100%;
	display:block;
	float:right;
	margin-right:12px;
	background:url(../images/left/unfold.png) center center no-repeat;
}
.subNav.active .subNavDown{
	background:url(../images/left/fold.png) center center no-repeat;
}





/*子菜单单个菜单选项默认样式*/
.navContent ul.sub li {
	font-weight: normal;
	font-size: 12px;
	color:#333;
	line-height: 40px;
}
.navContent ul.sub li a{
	color: #808eaf;
	line-height:40px; 
	display: block;
	cursor:pointer;	
	outline:none;
	text-decoration: none;
	background-image:url(../images/left/subNav.png);
	background-position:30px center;
	background-repeat:no-repeat;	
	text-indent: 55px;
}
/*第一个子菜单*/
.navContent ul.sub li:first-child a{
	background-position:30px top;
}
/*最后一个子菜单*/
.navContent ul.sub li a.last{
	background-position:30px bottom;
}
.navContent ul.sub li:last-child a{
	background-position:30px bottom;
}

/*子菜单点击后添加样式*/
.navContent ul li a:hover,
.navContent ul li a.active{
	background-image:url(../images/left/subNavActive.png);
	color:#4877e7;
}
.navContent ul li a.active{
	font-weight: bold;
}




/*公告、话务员相关信息*/
.noticeArea {
	width: 100%;
	height: 52px;
	overflow:hidden;
	background: #fff;
	z-index: 999999;
	/*阴影*/
    -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
    -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
    box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
}
/*公告*/
.noticeArea .notice {
	float:left;
	width:400px;
	padding-left: 20px;
	padding-right:20px;
	height: 52px;
	line-height: 52px;
}
.noticeArea .notice strong {
	float: left;
	background: url(../images/heard/notice.png) 0px center no-repeat;
	padding-left: 26px;
	height: 52px;
	line-height: 52px;
	font-weight: normal;
	color: #808eaf;
	width: 100px;
}
.noticeArea .notice .noticeBanner{
	height: 100%;
	margin-left:100px;
	height: 52px;
	line-height: 52px;
	color:#808eaf;
}
/*话务员相关信息*/
.state{
	float:right;
	margin-right:20px;
}
.state .info{
	float:left;
	line-height:52px;
	margin-right:20px;
}
.state .info label{
	float: left;
	color:#808eaf;
}
.state .info strong{
	float: left;
	display: inline-block;
	font-weight:normal;
	color:#808eaf;	
}

/*mainFrame顶部选项卡*/
.activeTab {
	width: 100%;
	height: 41px;
	background: #f5f8fb;
	z-index: 999999;
	border-radius:10px 10px 0 0;
	border-bottom: 1px solid #e2e8f5;
}
.activeTab ul {
	list-style: none;
	display: inline-block;
	padding-top: 5px;
	margin-left:-1px;
	z-index: 999;
}
.activeTab ul li {
	z-index: 999;
	height: 36px;
	padding:0px 12px;
	padding-right:35px;
	float: left;
	line-height: 36px;
	text-align: center;
	margin-right: 10px;
	background:#f5f8fb;
	border:1px solid #e2e8f5;
	border-radius:10px 10px 0 0;
	cursor: pointer;
	position:relative;
}
.activeTab ul li span {
	line-height: 36px;
	color:#808eaf;
}
.activeTab ul li i {
	background: url(../images/heard/closeYeqian.png) center center no-repeat #fff;
	z-index: 9999999;
	cursor: pointer;
	width: 18px;
	height: 18px;
	display: inline-block;
	position:absolute;
	top:9px;
	right:10px;
	cursor:pointer;
}
.activeTab ul li i:hover{
	background: url(../images/heard/closeYeqian.png) center center no-repeat #e7edf9;
}
.activeTab ul li i.active{
	background: url(../images/heard/closeYeqian.png) center center no-repeat #d9e2f5;
}
.activeTab ul li.active {
	background:#fff;
	border-bottom:1px solid transparent;
}
.activeTab ul li.active span{
	color:#333;
}

.rightmain {
	height: 100%;
	margin-left:200px;
	background-color:#eff3f9;
}
.main-content{
	position: relative;
	width:100%;
	height: 100%;	
}
.main-content .iframeBox{
	width: 98%;
	margin-left:1%;
	height: 100%;
	z-index: 999;
	border:1px solid #e2e8f5;
	border-radius:10px;
	margin-top:18px;
	/*阴影*/
    -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
    -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
    box-shadow:2px 2px 4px rgba(0, 0, 0, .1);
}
.main-content .chatIframe {
	width: 100%;
	height: 100%;
	z-index: 999;
}
.main-content .chatIframe{
	position: absolute;
	top:0;
	left:0;
	bottom: 0;
	right:0;
	z-index: 1000;
	background-color: rgba(0,0,0,0.05);
	display: none;
}
.main-content .chatIframe .chatContent{
	position: absolute;
	top:50%;
	left:50%;
	width:1000px;
	height:610px;
	margin-left:-600px;
	margin-top:-305px;
	border: 1px solid #0e7650; 
}





/*弹出窗*/
.coverBg{
	width:100%;
	position: fixed;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	background:url(../images/cover03.png);
	z-index: 9999; 
	display: none;
}
/*修改密码*/
.password-container{
	width:520px;
	height:270px;
	position: fixed;
	top:50%;
	left: 50%;
	background-color: #fff;
	margin-top: -140px;
	margin-left: -260px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index: 10000;
	display: none;
}
.prompt{
	line-height: 18px;
	color:#646464;
	margin-left: 10%;
}
.prompt strong{
	color:#333;
}
.prompt i{
	font-family: arial;
	color:#f00;
	font-size: 16px;
	padding:0 5px;
}
/*内部求助*/
.operator-container{
	width:520px;
	position: fixed;
	left: 50%;
	background-color: #fff;
	margin-left: -260px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index: 10000;
	display: none;
}
/*选择外呼*/
.telephone-container{
	width:520px;
	height:140px;
	position: fixed;
	top:50%;
	left: 50%;
	background-color: #fff;
	margin-top: -70px;
	margin-left: -260px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index: 10000;
	display: none;
}

/*新消息来临的提示的信息和在线聊天收拢后的显示*/
.im-tip{
	width:auto;
	overflow:hidden;
	background-color: #e4e4e4; 
	padding:8px; 
	position: fixed;
	z-index:999999;
	right:6px;
	bottom:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: none;
}
.im-tip .im-tip-active{
	display: block;
	width:34px;
	height: 30px;
	float:left;
	background: url(../images/imtip/im-tip-active.png) center center no-repeat;
	cursor: pointer;
}
.im-tip strong.im-tip-news{
	line-height: 30px;
	font-size: 14px;
	color:#333;
	padding-right:16px;
	float: left;
	cursor: pointer;
	padding-left:30px;
	background: url(../images/imtip/im-tip-news.png) left center no-repeat;	
	display: none;
}
.im-tip strong.im-tip-news:hover{
	text-decoration: underline;
}
.im-tip strong.im-tip-news.active{
	color:#ff8140;
}
.im-tip strong.remind{
	display: block;
}

/*内部新消息来临的提示的信息和在线聊天收拢后的显示*/
.inner-tip{
	width:auto;
	overflow:hidden;
	background-color: #e4e4e4; 
	padding:8px; 
	position: fixed;
	z-index:999999;
	right:190px;
	bottom:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: none;
}
.inner-tip .inner-tip-active{
	display: block;
	width:34px;
	height: 30px;
	float:left;
	background: url(../images/imtip/inner-tip-active.png) center center no-repeat;
	cursor: pointer;
}
.inner-tip strong.inner-tip-news{
	line-height: 30px;
	font-size: 14px;
	color:#333;
	padding-right:16px;
	float: left;
	cursor: pointer;
	padding-left:30px;
	background: url(../images/imtip/im-tip-news.png) left center no-repeat;	
	display: none;
}
.inner-tip strong.inner-tip-news:hover{
	text-decoration: underline;
}
.inner-tip strong.inner-tip-news.active{
	color:#ff8140;
}
.inner-tip strong.remind{
	display: block;
}

/*微信新消息来临后的消息提示*/
.weChatContainer{
	width:auto;
	overflow:hidden;	 
	position: fixed;
	z-index:999999;
	right:6px;
	bottom:6px;
	background-color: #3e3e40;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height:46px; 	
}
.weChatContainer .weChatContent{
	background-color: #3e3e40; 
	padding:8px;
	height:46px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: none;
}
.weChatContainer .weChatContent .weChatActive{
	display: block;
	width:34px;
	height: 30px;
	float:left;
	background: url(../images/imtip/weChatActive.png) center center no-repeat;
	cursor: pointer;
}
.weChatContainer .weChatContent strong.weChatNews{
	line-height: 30px;
	display:block;
	font-size: 14px;
	color:#fff;
	padding-right:16px;
	float: left;
	cursor: pointer;
	padding-left:30px;
	background: url(../images/imtip/weChatNews.png) left center no-repeat;	
}